<template>
    <ul>
        <li v-for="(item,index) in list" :key="index" @click="$router.push(`/about?id=${item.id}`)">
          <img :src="item.cover_url" alt="">
          <section>
            <h5>{{item.title}}</h5>
            <p style="color:red">￥{{item.price}}</p>
          </section>
        </li>
    </ul>
</template>
<script>
export default {
  props:{
    list: Array
  }
}
</script>
<style lang="scss" scoped>
li{
  padding: 10px;
  display: flex;
  img{
    width: 100px;
  }
  section{
    flex: 1;
  }
}
</style>
